<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>pageFrame</title>

	<script src="http://local.mp.cn/jsthread/bin/vue.js"></script>
	<!-- 适配字体大小 -->
	<script src="http://local.mp.cn/jsthread/bin/flexible.js"></script>
	
	<!-- 小程序内置组件 -->
	<script src="http://127.0.0.1:3300/components/components.js"></script>
	<script src="http://127.0.0.1:3300/ui/ui_sdk.js"></script>
	<link rel="stylesheet" href="http://127.0.0.1:3300/components/css/index.css">

	<script type="text/javascript">
		(function () {
			var defineCache = {};
			var requireCache = {};
			var loadingModules = {};

			// 模块定义函数
			function define(id, factory) {
				if (!defineCache[id]) {
					var module = {
						id: id,
						dependencies: [],
						factory: factory
					};
					defineCache[id] = module;
				}
			}

			// 模块加载函数
			function require(id) {
				if (loadingModules[id]) {
					return {};
				}

				if (!requireCache[id]) {
					var mod = defineCache[id];
					if (!mod) throw new Error("No module defined with id " + id);

					var module = {
						exports: {}
					};
					loadingModules[id] = true;
					var factoryArgs = [require, module.exports, module];

					mod.factory.apply(null, factoryArgs);
					requireCache[id] = module.exports;
					delete loadingModules[id];
				}
				return requireCache[id];
			}

			window.modDefine = define;
			window.modRequire = require;
		})();
	</script>
	<script>
		/* const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
		let rootFontSize = screen.width  /750;// 将屏幕宽度分成1024份，1份为1rem 375屏刚好0.5px
		const rootTag = document.querySelector('html');

		// 根据屏幕宽度设置根字体大小
		rootTag.style.fontSize = rootFontSize + 'px';
		// rootTag.style.fontSize = '12px';
		// 根据屏幕宽度
		console.log(screen.width)
		console.log(screen.height) */
	</script>
	<style>
		* {
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			outline: 0;
		}

		blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,
		th,ul {
			margin: 0;
			padding: 0;
			vertical-align: baseline;
		}

		img {
			border: 0;
			vertical-align: top;
		}

		em,
		i {
			font-style: normal
		}

		ol,ul {
			list-style: none
		}

		button,h1,h2,h3,h4,h5,h6,
		input,
		select {
			font-size: 100%;
			font-family: inherit;
		}

		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

		a,
		a:visited {
			text-decoration: none;
		}

		body {
			font-family: -apple-system, Helvetica, sans-serif;
			line-height: 1.5;
		}

		#root {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			/* overflow-y: scroll;
			overflow-x: hidden; */
		}
	</style>
</head>

<body>
	<div id="root"></div>
</body>

</html>